Below is the source code for example_menu.cfm
<!--- default params --->
<cfparam name="form.bgcolor" default="6699ff">
<cfparam name="form.border" default="1">
<cfparam name="form.bordercolor" default="6699ff">
<cfparam name="form.padding" default="0">
<cfparam name="form.spacing" default="0">
<cfparam name="url.selectedtab" default="masrizal">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CF_Tab Example</title>
<style type="text/css">
.textfield { font-family: "MS Sans Serif"; font-size: 9pt; border: 1px solid #cccccc; }
.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #000000; cursor: hand}
.tablestandard { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
</style>
</head>
<body>
<cfoutput>
<h2>CF_Tab Example</h1>
<h4>Sample CF_Tab used as a navigation system for the whole page</h4>
<!--- SHOW TAB --->
<CF_TAB name="tabSample" width="100%" height="32"
bgcolor="#form.bgcolor#"
border="#form.border#" bordercolor="#form.bordercolor#"
padding="#form.padding#" spacing="#form.spacing#">
<cfif url.selectedtab is "masrizal">
<CF_TABITEM name="masrizal" selected TabImg="images/masrizal.gif" TabImg_Over="images/masrizal_over.gif" ClickURL="example_menu.cfm?selectedtab=masrizal">
<div class="tablestandard"><a href="##">Services For You</a> | <a href="##">Sharing Ideas & Solutions</a></div>
</CF_TABITEM>
<cfelse>
<CF_TABITEM name="masrizal" TabImg="images/masrizal.gif" TabImg_Over="images/masrizal_over.gif" ClickURL="example_menu.cfm?selectedtab=masrizal">
<div class="tablestandard"><a href="##">Services For You</a> | <a href="##">Sharing Ideas & Solutions</a></div>
</CF_TABITEM>
</cfif>
<cfif url.selectedtab is "aboutus">
<CF_TABITEM name="aboutus" selected TabImg="images/aboutus.gif" TabImg_Over="images/aboutus_over.gif" ClickURL="example_menu.cfm?selectedtab=aboutus">
<div class="tablestandard"><a href="##">Overview</a> | <a href="##">Our Experience </a></div>
</CF_TABITEM>
<cfelse>
<CF_TABITEM name="aboutus" TabImg="images/aboutus.gif" TabImg_Over="images/aboutus_over.gif" ClickURL="example_menu.cfm?selectedtab=aboutus">
<div class="tablestandard"><a href="##">Overview</a> | <a href="##">Our Experience </a></div>
</CF_TABITEM>
</cfif>
<cfif url.selectedtab is "products">
<CF_TABITEM name="products" selected TabImg="images/products.gif" TabImg_Over="images/products_over.gif" ClickURL="example_menu.cfm?selectedtab=products">
<div class="tablestandard"><a href="##">Our Solutions</a> | <a href="##">Case Studies</a></div>
</CF_TABITEM>
<cfelse>
<CF_TABITEM name="products" TabImg="images/products.gif" TabImg_Over="images/products_over.gif" ClickURL="example_menu.cfm?selectedtab=products">
<div class="tablestandard"><a href="##">Our Solutions</a> | <a href="##">Case Studies</a></div>
</CF_TABITEM>
</cfif>
</CF_TAB>
<!--- put some dummy content below the page --->
<div class="tablestandard">
<cfswitch expression="#url.selectedtab#">
<cfcase value="masrizal">
<p style="font-size:12px">
<strong><a href="index.cfm?fuseaction=about.main" title="About Us">MasRizal</a></strong> is a group of information technology consultants
that helps clients worldwide plan their investments in technology,
design and implement solutions that drive competitive advantage,
and manage critical applications to improve business performance.
</p>
</cfcase>
<cfcase value="aboutus">
<p style="font-size:12px">
Combining years of design, programming and usability experience
MasRizal specialized in providing information technology solution to help companies leverage their particular strengths.
<br>
Founded in 1999, we introduced web based manufacture information system for one of our clients and continues to innovate using award-winning technology in areas such as business to consumer, business-to-business integration and government.
<br>
Our mission is to provide the best e-business solutions that exceed our client's expectations and meet the changing e-business demands of all companies worldwide. Our business is on delivering enterpriseength applications using the Internet technology. We build applications that connect and integrate our client's customers, employees, partners and vendors to enhance their competitive advantage.
</p>
</cfcase>
<cfcase value="products">
<p style="font-size:12px">
At MasRizal, we develop systems using award winning technology, build around the way you work and the way you think. In addition, we believe that the touch of beauty, elegance and style will help you work easier and more productive. That's why we always combine highly esthetic design with powerful technology in every products and solutions we deliver for you.
<br>
We deliver complete solutions that provide everything you need to leverage your particular strengths in e-business world.
<li>Company web presence [web sites] </li>
<li>e-Commerce enabled solution [online stores] </li>
<li>Content management [portals] </li>
<li>Collaborative, Enterprise Information System </li>
<li>e-Business Integration </li>
</p>
</cfcase>
</cfswitch>
<br><br>
<a href="viewsource.cfm?source=example_menu.cfm" target="source">View source of this file</a>
<a href="example.cfm">View sample of tabs built using text</a>
<a href="example_image.cfm">View sample of tabs built using images</a>
</div>
</cfoutput>
</body>
</html>